<template>
	<div class="cate">

		<div class="c-top">
			<slot name="c2"></slot>
		</div>

		<div class="c-bottom">
			<slot name="c1"></slot>
		</div>

	</div>
</template>

<script>
	export default {
		name:'Category',
	}
</script>

<style>
	.cate{
		width: 240px;
		height: 300px;
		background-color: skyblue;
	}
	.title{
		text-align: center;
	}
	.c-top{
		border: 3px black solid;
	}
	.c-bottom{
		border: 3px red solid;
	}

</style>